<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>xx酒店</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Stylesheets -->
	<!-- Dropdown Menu -->
	<link rel="stylesheet" href="css/superfish.css">
	<!-- Owl Slider -->
	<!-- <link rel="stylesheet" href="css/owl.carousel.css"> -->
	<!-- <link rel="stylesheet" href="css/owl.theme.default.min.css"> -->
	<!-- Date Picker -->
	<link rel="stylesheet" href="css/bootstrap-datepicker.min.css">
	<!-- CS Select -->
	<link rel="stylesheet" href="css/cs-select.css">
	<link rel="stylesheet" href="css/cs-skin-border.css">

	<!-- Themify Icons -->
	<link rel="stylesheet" href="css/themify-icons.css">
	<!-- Flat Icon -->
	<link rel="stylesheet" href="css/flaticon.css">
	<!-- Icomoon -->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Flexslider  -->
	<link rel="stylesheet" href="css/flexslider.css">
	
	<!-- Style -->
	<link rel="stylesheet" href="css/style.css">

	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

</head>
<body>
	<div id="fh5co-wrapper">
	<div id="fh5co-page">
	<div id="fh5co-header">
		<header id="fh5co-header-section">
			<div class="container">
				<div class="nav-header">
					<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
					<h1 id="fh5co-logo"><a href="index.html">hotel</a></h1>
					<nav id="fh5co-menu-wrap" role="navigation">
						<ul class="sf-menu" id="fh5co-primary-menu">
							<li><a class="active" href="index.html">网站首页</a></li>
							<li><a href="hotel.html">房间介绍</a></li>
							<li><a href="services.html">服务介绍</a></li>
							<li><a href="blog.html">新闻中心</a></li>
							<li><a href="contact.html">联系我们</a></li>
						</ul>
					</nav>
				</div>
			</div>
		</header>
		
	</div>
	<!-- end:fh5co-header -->
	<div class="fh5co-parallax" style="background-image: url(images/slider1.jpg);" data-stellar-background-ratio="0.5">
		<div class="overlay"></div>
		<div class="container">
			<div class="row">
				<div class="col-md-12 col-md-offset-0 col-sm-12 col-sm-offset-0 col-xs-12 col-xs-offset-0 text-center fh5co-table">
					<div class="fh5co-intro fh5co-table-cell">
						<h1 class="text-center">我们的服务</h1>
						<p>最好的服务带给最爱的你们</p>
					</div>
				</div>
			</div>
		</div>
	</div>


	<div id="fh5co-services-section">
		<div class="container">
			<div class="row">
				<div class="col-md-4">
					<div class="services">
						<span><i class="ti-location-pin"></i></span>
						<div class="desc">
							<h3>可接受的酒店位置</h3>
							<p>
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
							</p>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="services">
						<span><i class="ti-alarm-clock"></i></span>
						<div class="desc">
							<h3>全年开放</h3>
							<p>
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
							</p>	
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="services">
						<span><i class="ti-calendar"></i></span>
						<div class="desc">
							<h3>可以预定</h3>
							<p>
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
							</p>	
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="services">
						<span><i class="ti-user"></i></span>
						<div class="desc">
							<h3>服务热心</h3>
							<p>
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
							</p>	
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="services">
						<span><i class="ti-signal"></i></span>
						<div class="desc">
							<h3>免费wifi</h3>
							<p>
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
							</p>	
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="services">
						<span><i class="ti-location-arrow"></i></span>
						<div class="desc">
							<h3>免费接送</h3>
							<p>
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
								这里是该条的介绍这里是该条的介绍这里是该条的介绍这里是该条的介绍
							</p>	
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<footer id="footer" class="fh5co-bg-color">
		<div class="container">
			<div class="row">
				<div class="col-md-4">
					<div class="copyright">
						<p>&copy; 2018  All Rights Reserved. 
						</p>
						<img src="images/gw.jpg" />
					</div>
				</div>
				<div class="col-md-8">
					<div class="row">
						<div class="col-md-3">
							<h3>快速链接</h3>
							<ul class="link">
								<li><a href="index.html">网站首页</a></li>
								<li><a href="#">房间介绍</a></li>
								<li><a href="#">服务介绍</a></li>
								<li><a href="#">新闻中心</a></li>
								<li><a href="#">联系我们</a></li>
							</ul>
						</div>
						<div class="col-md-3">
							<h3>特色服务</h3>
							<ul class="link">
								<li><a>餐厅、酒吧</a></li>
								<li><a>接送、泳池</a></li>
								<li><a>Spa、健身</a></li>
							</ul>
						</div>
						<div class="col-md-6">
							<h3>订阅</h3>
							<p>
								特色服务和齐全的设施等着你的到来
							</p>
							<form action="#" id="form-subscribe">
								<div class="form-field">
									<input type="email" placeholder="邮箱" id="email">
									<input type="submit" id="submit" value="发送">
								</div>
							</form>
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</footer>

	</div>
	<!-- END fh5co-page -->

	</div>
	<!-- END fh5co-wrapper -->
	
	<!-- Javascripts -->
	<script src="js/jquery-2.1.4.min.js"></script>
	<!-- Dropdown Menu -->
	<script src="js/hoverIntent.js"></script>
	<script src="js/superfish.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Counters -->
	<script src="js/jquery.countTo.js"></script>
	<!-- Stellar Parallax -->
	<script src="js/jquery.stellar.min.js"></script>
	<!-- Owl Slider -->
	<!-- // <script src="js/owl.carousel.min.js"></script> -->
	<!-- Date Picker -->
	<script src="js/bootstrap-datepicker.min.js"></script>
	<!-- CS Select -->
	<script src="js/classie.js"></script>
	<script src="js/selectFx.js"></script>
	<!-- Flexslider -->
	<script src="js/jquery.flexslider-min.js"></script>

	<script src="js/custom.js"></script>

</body>
</html>